<template>
  <div class="app-container">
    <el-tabs v-model="staffActiveName" type="border-card">
      <el-tab-pane label="收入" name="1">
        <income v-if="staffActiveName == 1"></income>
      </el-tab-pane>
      <el-tab-pane label="支出" name="2">
        <expenses v-if="staffActiveName == 2"></expenses>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import income from "./income.vue";
import expenses from "./expenses.vue";

export default {
  name: "Subject",
  components: {
    income,
    expenses,
  },
  data() {
    return {
      // tab切换值
      staffActiveName: '1',
    };
  },
  provide() {
    return {
      formatGender: this.formatGender
    }
  },
  created() {
  },
  methods: {
  }
};
</script>
